
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>上传视频</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
    <script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</head>
<style>
    #main{
        /* 绝对定位 */
        position: absolute;
        top:20%;
        left: 40%;
        /* 边框 */
        border: 1px solid #FF82AB;
        border-radius: 20px;
        /* 背景，径向渐变 */
        background: radial-gradient(#FFF0F5,#FFC0CB,#FFB5C5);
        /* 内边距 */
        padding: 20px;
    }
</style>
<body>

    <div id="main">
        <form action="upload" method="post" enctype="multipart/form-data">
            <div class="form-group">
                <label for="exampleInputFile">文件上传</label>
                <br>
                <input type="file" id="exampleInputFile" name="fname">
            </div>
            <button type="submit" class="btn btn-default">提交</button>
        </form>
    </div>




</body>
</html>
